<template>
	<view class="content columnbox wdh-100 jus">
		<swiper class="swiper-box" autoplay indicator-dots>
			<swiper-item v-for="(item,index) in posterList" :key='index'>
				<image v-if="item.status==1" :src="item.image" mode=""></image>
			</swiper-item>
		</swiper>
		<view class="search-box wdh-100 rowbox spb">
			<view class="search-input rowbox">
				<u-icon name="search" size="32rpx"></u-icon>
				<input v-model="searchvalue" placeholder="苹果" />
			</view>
			<view class="search-btn" @click="searchInfo">搜索</view>
		</view>
		<!-- 搜索热词 -->
		<view class="hotsearch">
			<text class="hotsearch_head">热词搜索</text>
			<view class="hotsearch_body">
				<text v-for="(item,index) in hotwords" :key="index" @click="search_hotWords(item)">{{item.name}}</text>

			</view>
		</view>

		<view class="wdh-100 tab-box" :class="{'fix-topbox':topflag}">
			<u-tabs lineColor='#57bd6a' @change="changeType" :list="typeList" :activeStyle="{
			    color: '#303133',
				fontSize:'28rpx'
			}" :inactiveStyle="{
			    color: '#afb3ba',
				fontSize:'28rpx', 
			}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"></u-tabs>
		</view>
		<view v-for="(item,index) in articleList" :key='index' class="columnbox one-box">
			<view class="tags" v-if="item.iffz==1">
				<u-tag plain type="success" text="已使用" size="mini"></u-tag>
			</view>
			<view class="tags" v-else>
				<u-tag plain text="未使用" size="mini"></u-tag>
			</view>
			<text class="wdh-100 article-content">{{item.content}}</text>
			<!-- <template v-if="item.pic.length==1">
				<view v-for="(img,imgindex) in item.pic" :key='imgindex' class="wdh-100">
					<image class="img-one" mode="aspectFill" :src="img"></image>
				</view>
			</template> -->
			<!-- <template v-else-if="item.pic.length==3">
				<view :key='imgindex' class="wdh-100 rowbox spb">
					<image :src="item.pic[0]" mode="aspectFill" class="left-img"></image>
					<view class="columnbox">
						<image :src="item.pic[1]" mode="aspectFill" class="right-img"></image>
						<image :src="item.pic[2]" style="margin-top: 10rpx;" mode="aspectFill" class="right-img">
						</image>
					</view>
				</view>
			</template> -->
			<template>
				<view class="img-list wdh-100">
					<!-- <image v-for="(img,imgindex) in item.pic" :key='imgindex' :src="img" mode="aspectFill"></image> -->
					<u-album :urls='item.pic' :multipleSize='multipleSize' previewFullImage='true'
						rowCount='3'></u-album>
				</view>
			</template>
			<view class="rowbox wdh-100 manage-box">

				<view class="savePic" @click="authSave(item)">
					<!-- <text class="iconfont icon-xiazai1" style="font-size: 50rpx;margin-right: 10rpx;"></text> -->
					<text style="font-size: 28rpx;">下载图片</text>
				</view>


				<view class="copyText" @click="authcopyInfo(item)">
					<!-- <text class="iconfont icon-fuzhi1" style="font-size: 40rpx;margin-right: 10rpx;"></text> -->
					<text style="font-size: 28rpx;">复制文案</text>
				</view>

				<view class="copyText" @click="pushAllBuy(item)">
					<!-- <text class="iconfont icon-fuzhi1" style="font-size: 40rpx;margin-right: 10rpx;"></text> -->
					<text style="font-size: 28rpx;">发起团购</text>
				</view>

				<!-- <view class="copyText" @click="sharepeyouiquan(item)">
					<button   data-shareimg="{{item.pic}}" data-sharename="{{item.catname}}" open-type="share" style="font-size: 28rpx;">发朋友圈</button>
				</view> -->
				<!-- 	<view class="rowbox" @click="copyUrl(item)">
					<image src="/static/img/copy.png" mode="widthFix"></image>
					复制链接
				</view> -->
			</view>
		</view>
		<!-- 右下按钮 -->

		<view class="right_bottom_btn">
			<view class="right_bottom_btn_item" @click="handl_right_btn('anli')">
				<!-- <text class="iconfont icon-hezuo"></text> -->
				<text>合作</text>
				<text>案例</text>
			</view>
			<view class="right_bottom_btn_item" @click="handl_right_btn('shuoming')">
				<!-- <text class="iconfont icon-zhuangtaishuoming"></text> -->
				<text>使用</text>
				<text>说明</text>
			</view>
			<view class="right_bottom_btn_item" @click="handl_right_btn('kefu')">
				<!-- <text class="iconfont icon-kefu1"></text> -->
				<text>客服</text>
			</view>
		</view>




		<view class="gotop" @click="handleBackTop">
			<image class="img" src="../../static/img/backtop.png" mode=""></image>
		</view>
		<view class="weekNotice" v-if="showWeekNotice">
			<view class="">
				{{buyInfo.auth.title}}
			</view>
			<view class="btncont">
				<u-button v-if="!isIos" type="primary" size="mini" text="续费" @click="handleShowAndrRenw"></u-button>
				<u-button v-if="isIos" type="primary" size="mini" text="联系客服" @click="showIosKefu=true"></u-button>
			</view>
		</view>
		<kefubox @close='closeKefu' ref="kefu"></kefubox>

		<noticeWeak ref="noticeWeak"></noticeWeak>
		<!-- VIP购买弹窗 -->
		<vipBox ref="vipbuy"></vipBox>

		<view class="posterbox columnbox" v-if="posterflag" @click="posterflag=false">
			<image @click="getVipGift" src="/static/img/newposter.png" mode="widthFix"
				style="width: 500rpx;height: 500rpx;"></image>
			<view class="rowbox close-icon" @click.stop="posterflag=false">
				<u-icon name="close" color="#fff" size="32rpx"></u-icon>
			</view>
		</view>
		<!-- 授权手机 -->
		<view class="">
			<u-popup round="8" :show="showPhonePop" @close="cancelBandPhone" mode="center">
				<view class="phonePop">
					<template v-if="isIos">
						<view class="tit">
							立即领取优惠
						</view>
						<view class="name">
							免费试用3天
						</view>
						<view class="footer-btn ">
							<button class="btn confirmbtn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
								创建运营帐号
							</button>
							<view class="btn" @click="cancelBandPhone">
								取消
							</view>
						</view>
					</template>
					<template v-else>
						<view class="tit">
							创建运营帐号
						</view>
						<view class="name">
							<view>恭喜领取成功</view>
							<view>立即开启您的朋友圈运营</view>
						</view>
						<view class="footer-btn ">
							<button class="btn confirmbtn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
								创建运营帐号
							</button>
							<view class="btn" @click="cancelBandPhone">
								取消
							</view>
						</view>
					</template>
					<!-- <view class="tit">
						{{buyInfo.loginname.title}}
					</view>
					<view class="name">
						{{buyInfo.loginname.name}}
					</view>
					<view class="footer-btn ">
						<button class="btn confirmbtn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
							{{isIos?'登录并领取':'登录'}}
						</button>
						<view class="btn" @click="cancelBandPhone">
							取消
						</view>
					</view> -->
				</view>
			</u-popup>
		</view>
		<!-- 安卓首次购买强 -->
		<u-popup round="8" :show="andrFirstBuyPop" @close="andrFirstBuyPop=false" mode="center">
			<view class="firstBuyPop">
				<view class="close" @click="andrFirstBuyPop=false">
					<u-icon name="close-circle" color="#fff" size="32"></u-icon>
				</view>
				<view class="top">
					<view class="imgcont">
						<image :src="firstBuyInfo.images" mode="widthFix" class="img"></image>
					</view>
					<!-- <view class="name namecenter">
						{{firstBuyInfo.title}}
					</view> -->
				</view>


				<view class="footer-btn ">
					<view class="btn confirmbtn" @click="handleAndrFirstBuy">
						{{firstBuyInfo.name}}
					</view>
					<!-- <view class="btn" @click="andrFirstBuyPop=false">
						关闭
					</view> -->
				</view>
			</view>
		</u-popup>
		<!-- 安卓购买套餐强 -->
		<u-popup round="8" :show="andrRenewBuyPop" bgColor="transparent" @close="andrRenewBuyPop=false" mode="center">
			<view class="rewBuyPop">
				<view class="bg-b">
					<image src="../../static/img/dqyh.png" mode=""></image>
				</view>
				<view class="top">
					<view class="cont">
						<view class="cloum-cont">
							<view class="cloum" v-for="(item,index) in taocanList" :key="index"
								@click="handleRenew(item)">
								<view class="right">
									<view class="price">
										￥{{item.price}}
									</view>
									<!-- <view class="yuan">
										￥{{item.originalprice}}
									</view> -->
								</view>
								<view class="shu">

								</view>
								<view class="left">
									{{item.name}}
								</view>
								<view class="topyuan yuan">

								</view>
								<view class="bottomyuan yuan">

								</view>
							</view>

						</view>
					</view>
					<!-- <view class="name namecenter">
						{{buyInfo.auth.title}}
					</view> -->

				</view>


				<view class="footer-btn btncenter">
					<u-icon name="close-circle" color="#fff" size="32" @click="andrRenewBuyPop=false"></u-icon>
					<!-- <view class="btn" @click="andrRenewBuyPop=false">
						关闭
					</view> -->
				</view>
			</view>
		</u-popup>
		<!-- 苹果购买客服强 -->
		<u-popup round="8" :show="iosQtxPop" @close="iosQtxPop=false" mode="center">
			<view class="phonePop">
				<view class="name namecenter">
					{{buyInfo.auth.title}}
				</view>
				<view class="imgcont">
					<image :src="ma" mode="widthFix" class="img"></image>
				</view>
				<view class="footer-btn btncenter">
					<view class="btn" @click="iosQtxPop=false">
						关闭
					</view>
				</view>
			</view>
		</u-popup>
		<IosKefu :show="showIosKefu" :type="matype" @close="closeIosKefu"></IosKefu>
		<u-popup round="8" :show="function_show" bgColor="transparent" mode="center" @close="function_show=false">
			<view class="rewBuyPop" style="height: 75vh;width: 90vw;">
				<!-- <image src="https://img1.baidu.com/it/u=1666364323,147160169&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422" mode="widthFix"></image> -->
				<swiper style="height: 90vh" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"
					v-if="function_flag=='anli'">
					<swiper-item v-for="(item,index) in peizhis[2].images" :key='index'>
						<view class="swiper-item">
							<image style="width:100%;height: 100%;" :src="item" mode="widthFix"></image>
						</view>
					</swiper-item>
				</swiper>
				<view class="xxzz" v-for="(item,index) in peizhis[0].images" v-if="function_flag=='shuoming'">
					<image :src="item" :key='index' mode="widthFix"></image>
				</view>
				<view class="xxzz" v-for="(item,index) in peizhis[1].images" v-if="function_flag=='kefu'">
					<image :src="item" :key='index' mode="widthFix" show-menu-by-longpress></image>
				</view>
				<view class="foot_close">
					<u-icon name="close-circle" color="#fff" size="32" @click="function_show=false"></u-icon>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	import auth from '@/utils/auth.js'
	import vipBox from '@/components/vipbuy.vue'
	import kefubox from '@/components/kefu.vue'
	import noticeWeak from '@/components/weaknotice.vue'
	import IosKefu from '@/components/ioskefu.vue'
	export default {
		components: {
			kefubox,
			noticeWeak,
			vipBox,
			IosKefu
		},
		data() {
			return {
				androidflag: false, //安卓操作
				androidmanageg: null, //安卓绑定手机号之后操作信息
				matype: 'waimg',
				showIosKefu: false,
				showWeekNotice: false,
				isIos: false,
				activeTaocan: '',
				taocanList: [],
				andrRenewBuyPop: false,
				andrFirstBuyPop: false,
				firstBuyInfo: '',
				iosQtxPop: false,
				ma: '',
				buyInfo: '',
				userInfo: '',
				showPhonePop: false,
				currentVal: '',
				posterflag: false,
				posterList: [],
				typeList: [],
				pageNo: 1,
				curtype: 0,
				articleList: [],
				total: 0,
				topflag: false,
				searchvalue: '',
				searchflag: false,
				shareinfo: null,
				noticeinfo: null, //提醒内容
				submitflag: false,
				curmessage: null,
				hotwords: [],
				multipleSize: '',
				function_show: false,
				function_flag: '',
				peizhis: []
			}
		},
		// async onLoad(options) {
		// 	await this.$onLaunched;
		// 	console.log('==分享参数==', options)
		// 	this.getUserInfo()
		// 	this.getBanner()
		// 	this.getTypeList()
		// 	this.getShareInfo()
		// 	this.getNotice()

		// 	this.$nextTick(() => {
		// 		this.$refs.noticeWeak.getUserInfo()
		// 	})
		// },
		onLoad(options) {
			if (options.pid) {
				uni.setStorageSync('pid', options.pid)
			}
			this.getBanner()
			this.getTypeList()
			// this.getArticle()
			this.getShareInfo()
			// this.getNotice()
			this.$nextTick(() => {
				this.$refs.noticeWeak.getUserInfo()
			})
			this.getHotwords()
			uni.getSystemInfo({
				success: res => {
					this.multipleSize = Math.floor(res.screenWidth / 3.45);
				}
			})
			this.getwenan_setting()
		},
		onShareAppMessage() {
			let path = '/pages/document/document?pid=' + uni.getStorageSync('uid')
			return {
				title: this.shareinfo.title,
				imageUrl: this.shareinfo.image,
				path: path
			}
		},

		onShareTimeline() {
			let path = '/pages/document/document?pid=' + uni.getStorageSync('uid')
			return {
				title: this.shareinfo.title,
				imageUrl: this.shareinfo.image,
				path: path,
				success: res => {
					console.log('分享成功', res)
				}
			}
		},
		onShow() {
			uni.hideLoading()
			const info = wx.getSystemInfoSync()
			this.isIos = !(info.system.indexOf('Android') > -1)
			this.userInfo = uni.getStorageSync('userInfo')
			this.initNotice()
			this.getma()
			this.getFirstBuyInfo()
		},
		onReachBottom() {
			if (this.articleList.length < this.total) {
				this.pageNo++
				this.getArticle()
			}
		},
		onPullDownRefresh() {
			this.searchflag = false
			this.searchvalue = ''
			this.pageNo = 1
			this.articleList = []
			this.getArticle()
			setTimeout(() => {
				uni.stopPullDownRefresh()
			}, 500)
		},
		onPageScroll(e) {
			if (!this.topflag) {
				if (e.scrollTop > 200) {
					this.topflag = true
				}
			} else {
				if (e.scrollTop < 200) {
					this.topflag = false
				}
			}
		},
		methods: {
			getwenan_setting() {
				this.$req.post('/admin/peizhis', {}).then(res => {
					console.log('这是res', res)
					let data = res.data.data;
					for (var i = 0; i < data.length; i++) {
						data[i].images = data[i].images.split(',');
					}
					this.peizhis = data;
				})
			},

			// 文案页面右下角功能按钮点击事件
			handl_right_btn(val) {
				this.function_show = true;
				this.function_flag = val;
				let state = '';
				// 记录用户点击的对象和次数
				console.log('这是点击的对象名称：', val);
				if (val == 'anli') {
					state = '1'
				} else if (val == 'shuoming') {
					state = '2'
				} else if (val == 'kefu') {
					state = '3'
				}
				this.$req.post('/shanghu/logdianji', {
					state: parseInt(state)
				}).then(res => {})

			},
			subscriptInfo() {
				uni.requestSubscribeMessage({
					tmplIds: ['hsMSXdIBYsxJZRMQrBEBxffFZgEmPbY3kGDwxvX-Sy4']
				})
			},
			cancelBandPhone() {
				this.showPhonePop = false
				if (this.androidflag) {
					this.androidflag = false
					if (this.androidmanageg.type == 'copyInfo') {
						this.copyInfo(this.androidmanageg.data)
					} else if (this.androidmanageg.type == 'saveInfo') {
						this.saveInfo(this.androidmanageg.data)
					}
				}
			},
			closeIosKefu() {
				this.showIosKefu = false
			},
			handleBackTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				})
			},
			handleShowAndrRenw() {
				this.andrRenewBuyPop = true
				this.getTaocan(2)
			},
			async initNotice() {
				const info = wx.getSystemInfoSync()
				let res = await this.haveAuth()
				this.userInfo = res.auth
				if (info.system.indexOf('Android') > -1) {
					console.log('===', uni.getStorageSync('sqendtime'))
					if (res.auth.weak === 2) {
						this.showWeekNotice = true
					} else {
						this.showWeekNotice = false
					}
					if (res.auth.strong === 2 || res.auth.strong === 0) {
						let flag = true
						if (uni.getStorageSync('sqendtime')) {
							var ctime = new Date().getTime()
							if (ctime > uni.getStorageSync('sqendtime')) {
								uni.removeStorageSync('sqendtime')
							} else {
								flag = false
							}
						} else {
							let endTime = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 *
								1000 - 1); // 当天23:59
							uni.setStorageSync('sqendtime', Date.parse(endTime))
						}
						if (res.auth.wa === 1 && res.auth.wainttime === 0) {

							this.andrFirstBuyPop = flag
						}
						if (res.auth.wa === 1 && res.auth.wainttime > 0) {
							this.andrRenewBuyPop = flag
							if (flag) {
								this.getTaocan(1)
							}
						}
					} else {
						this.andrFirstBuyPop = false
						this.andrRenewBuyPop = false
					}
				} else {
					if (!this.userInfo.phone) {
						let flag = true
						if (uni.getStorageSync('sqendtime')) {
							var ctime = new Date().getTime()
							if (ctime > uni.getStorageSync('sqendtime')) {
								uni.removeStorageSync('sqendtime')
							} else {
								flag = false
							}
						}
						this.showPhonePop = flag
						if (!uni.getStorageSync('sqendtime')) {
							let endTime = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 *
								1000 - 1); // 当天23:59
							uni.setStorageSync('sqendtime', endTime)
						}
						return
					}
					let flag = true
					if (uni.getStorageSync('sqendtime')) {
						var ctime = new Date().getTime()
						if (ctime > uni.getStorageSync('sqendtime')) {
							uni.removeStorageSync('sqendtime')
						} else {
							flag = false
						}
					}
					if (res.auth.weak === 2) {
						this.showWeekNotice = true
					} else {
						this.showWeekNotice = false
					}
					if (res.auth.strong === 2) {
						this.showIosKefu = flag
					} else {
						this.showIosKefu = false
					}
					if (!uni.getStorageSync('sqendtime')) {
						let endTime = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 *
							1000 - 1); // 当天23:59
						uni.setStorageSync('sqendtime', endTime)
					}
				}
			},
			handleAndrFirstBuy() {
				let req = {
					uid: uni.getStorageSync('uid'),
					vippackageid: this.firstBuyInfo.id
				}
				uni.showLoading({

				})
				this.$req.post('/shanghu/wechatpay', req).then((res) => {
					uni.hideLoading()
					let data = res.data
					if (data.code === 0) {
						let paydata = data.data
						this.firstPay(paydata)
					} else {
						wx.showToast({
							mask: true,
							icon: 'none',
							title: data,
							msg
						})
					}
				})
			},
			handleRenew(row) {
				let req = {
					uid: uni.getStorageSync('uid'),
					vippackageid: row.id
				}
				uni.showLoading({

				})
				this.$req.post('/shanghu/wechatpay', req).then((res) => {
					uni.hideLoading()
					let data = res.data
					if (data.code === 0) {

						let paydata = data.data
						this.pay(paydata)
					} else {
						wx.showToast({
							mask: true,
							icon: 'none',
							title: data,
							msg
						})
					}
				})
			},
			firstPay(paydata) {
				var that = this
				wx.requestPayment({
					nonceStr: paydata.nonceStr, // 随机字符串
					package: paydata.package, // 固定值
					signType: paydata.signType, // 统一下单订单号 
					timeStamp: paydata.timeStamp, // 时间戳（单位：秒）
					paySign: paydata.sign, // 签名，这里用的 MD5/RSA 签名
					success(res) {
						uni.showToast({
							title: '购买成功'
						})
						that.andrFirstBuyPop = false
						that.showPhonePop = true;
						that.subscriptInfo() // 2024-5-28 hdd修改  首次购买弹出订阅
					},
					fail(e) {
						wx.showToast({
							mask: true,
							icon: '支付失败',
							title: data,
							msg
						})

						console.log(e, 8888)
					}
				})
			},
			pay(paydata) {
				var that = this
				wx.requestPayment({
					nonceStr: paydata.nonceStr, // 随机字符串
					package: paydata.package, // 固定值
					signType: paydata.signType, // 统一下单订单号 
					timeStamp: paydata.timeStamp, // 时间戳（单位：秒）
					paySign: paydata.sign, // 签名，这里用的 MD5/RSA 签名
					success(res) {
						uni.showToast({
							title: '购买成功'
						})
						this.andrRenewBuyPop = false

					},
					fail(e) {
						wx.showToast({
							mask: true,
							icon: '支付失败',
							title: data,
							msg
						})

						console.log(e, 8888)
					}
				})
			},
			getTaocan(state) {
				let req = {
					uid: uni.getStorageSync('uid'),
					state: state
				}
				this.$req.post('/shanghu/chongzhiwa', req).then((res) => {
					this.taocanList = res.data.data

				})
			},
			getFirstBuyInfo() {
				this.$req.post('/web/vippackageinfo', {
					id: 1,
					uid: uni.getStorageSync('uid'),
					unionid: uni.getStorageSync('userInfo').unionid
				}).then((res) => {
					let info = res.data.data
					this.firstBuyInfo = info

				})
			},
			getma() {
				this.$req.post('/shanghu/kefuimage', {}).then((res) => {
					this.ma = res.data.data
				})
			},
			submitOrder(id) {
				if (uni.getStorageSync('uid')) {
					if (!this.submitflag) {
						this.submitflag = true
						uni.showLoading({
							title: '加载中'
						})
						this.$req.post('/shanghu/ordergenerate', {
							uid: uni.getStorageSync('uid'),
							vippackageid: id
						}).then(res => {
							if (res.data.code == 0) {
								if (res.data.state == 1) {
									uni.showToast({
										title: '支付成功',
										icon: 'success'
									})
									this.$req.post('/shanghu/userInfo', {
										uid: uni.getStorageSync('uid')
									}).then(res => {
										if (res.data.data.phone == '' || res.data.data.shouquan == 2) {
											uni.redirectTo({
												url: '/pages/bindPhone/bindPhone'
											})
										} else {
											if (this.curmessage.curmessage == 1) {
												this.$req.post('/shanghu/dianji', {
													uid: uni.getStorageSync('uid'),
													state: 1
												})
												uni.setClipboardData({
													data: this.curmessage.content,
													success: resp => {

													}
												})
											} else {
												uni.getSetting({
													success: res => {
														if (res.authSetting[
																'scope.writePhotosAlbum'] ===
															undefined) {
															this.toSaveInfo(this.curmessage
																.content)
														} else if (res.authSetting[
																'scope.writePhotosAlbum'] ===
															true) {
															console.log("已经授权")
															this.toSaveInfo(this.curmessage
																.content)
														} else if (res.authSetting[
																'scope.writePhotosAlbum'] ===
															false) {
															uni.showModal({
																title: '保存图片权限未开启',
																content: '请在小程序设置中开启“添加到相册权限”'
															})
														}
													}
												})
											}
										}
									})
								} else {
									this.toPay(res.data.data)
								}
							} else {
								this.submitflag = false
								uni.hideLoading()
								uni.showModal({
									title: '下单失败',
									content: res.data.msg
								})

							}
						})
					}
				} else {
					uni.navigateTo({
						url: '/pages/log/log'
					})
				}
			},
			toPay(id) {
				this.$req.post('/shanghu/wechatpay', {
					id: id
				}).then(res => {
					let data = res.data.data
					uni.requestPayment({
						provider: 'wxpay',
						timeStamp: data.timeStamp,
						nonceStr: data.nonceStr,
						package: data.package,
						signType: data.signType,
						paySign: data.sign,
						success: res => {
							console.log('微信调起支付成功');
							uni.showToast({
								title: '支付成功',
								icon: 'success'
							})
							this.$req.post('/shanghu/userInfo', {
								uid: uni.getStorageSync('uid')
							}).then(res => {
								if (res.data.data.phone == '' || res.data.data.shouquan == 2) {
									uni.redirectTo({
										url: '/pages/bindPhone/bindPhone'
									})
								} else {
									if (this.curmessage.curmessage == 1) {
										this.$req.post('/shanghu/dianji', {
											uid: uni.getStorageSync('uid'),
											state: 1
										})
										uni.setClipboardData({
											data: this.curmessage.content,
											success: resp => {

											}
										})
									} else {
										uni.getSetting({
											success: res => {
												if (res.authSetting[
														'scope.writePhotosAlbum'
													] ===
													undefined) {
													this.toSaveInfo(this.curmessage
														.content)
												} else if (res.authSetting[
														'scope.writePhotosAlbum'
													] ===
													true) {
													console.log("已经授权")
													this.toSaveInfo(this.curmessage
														.content)
												} else if (res.authSetting[
														'scope.writePhotosAlbum'
													] ===
													false) {
													uni.showModal({
														title: '保存图片权限未开启',
														content: '请在小程序设置中开启“添加到相册权限”'
													})
												}
											}
										})
									}
								}
							})
						},
						fail: err => {
							this.submitflag = false
							console.log('微信调起支付失败', err);
						},
						complete: () => {
							this.submitflag = false
							uni.hideLoading()

						}
					});
				})
			},
			getVipGift() {
				this.posterflag = false
				this.$req.post('/shanghu/vippackagetj').then(res => {
					this.submitOrder(res.data.data.vippackage.id)
				})
			},
			// getUserInfo() {
			// 	this.$req.post('/shanghu/userInfo', {
			// 		uid: uni.getStorageSync('uid')
			// 	}).then(res => {
			// 		if (res.data.data.new == 1 && getApp().globalData.platform == 'android') {
			// 			this.posterflag = true
			// 		}
			// 	})
			// },
			getNotice() {
				this.$req.post('/shanghu/tixing').then(res => {
					this.noticeinfo = res.data.data
					this.$req.post('/shanghu/userInfo', {
						uid: uni.getStorageSync('uid')
					}).then(resp => {
						if (resp.data.data.strong == 2) {
							if (getApp().globalData.platform == 'ios') {
								this.$refs.kefu.show = true
								this.$refs.kefu.type = 3
								this.$refs.kefu.content = this.noticeinfo.strong
								this.$refs.kefu.copyinfo = val.content
							} else {
								this.$refs.vipbuy.show = true
							}
						}
					})
				})
			},
			getShareInfo() {
				this.$req.post('/shanghu/zhuanfa').then(res => {
					this.shareinfo = res.data.data
				})
			},
			searchInfo() {
				if (this.searchvalue == '') {
					uni.showToast({
						title: '请输入搜索内容',
						icon: 'none'
					})
				} else {
					uni.pageScrollTo({
						scrollTop: 0,
						duration: 100
					})
					this.searchflag = true
					this.pageNo = 1
					this.articleList = []
					this.getArticle()
				}
			},
			downloadImg(url) {
				return new Promise((resolve, reject) => {
					uni.downloadFile({
						url: url,
						success: (res) => {
							uni.saveImageToPhotosAlbum({
								filePath: res.tempFilePath,
								success: res => {
									resolve(true)
								},
								fail: err => {
									console.log(err)
								}
							})
						}
					})
				})
			},
			async toSaveInfo(val) {
				for (var i = 0; i < val.pic.length; i++) {
					await this.downloadImg(val.pic[i])
				}
				uni.setClipboardData({
					data: val.content,
					showToast: false,
					success() {
						uni.showToast({
							title: '图片已保存至相册，文案已复制',
							icon: 'success'
						})
					}
				})
			},
			getPhoneNumber(e) {
				uni.showLoading({
					title: '加载中'
				})

				this.$req.post('/shanghu/phoneJm', {
					encryptedData: e.detail.encryptedData,
					iv: e.detail.iv,
					uid: uni.getStorageSync('uid')
				}).then(res => {
					if (res.data.code == 0) {
						uni.hideLoading()
						uni.removeStorageSync('userInfo')
						uni.setStorageSync('userInfo', res.data.data)
						this.userInfo = res.data.data
						const info = wx.getSystemInfoSync()
						this.showPhonePop = false
						if (info.system.indexOf('Android') > -1) {
							uni.showToast({
								title: '授权成功'
							})
						} else {
							uni.showModal({
								title: '提示',
								content: '您已成功领取三天会员',
								showCancel: false,
							})
						}

					} else {
						uni.hideLoading()
						uni.showModal({
							title: '授权手机号失败',
							content: '请稍后再试'
						})
					}
				})
			},
			async haveAuth() {
				let res = await this.$req.post('/shanghu/userInfo', {
					uid: uni.getStorageSync('uid')
				})
				let res2 = await this.$req.post('/shanghu/wanentixing', {
					uid: uni.getStorageSync('uid')
				})

				this.buyInfo = {
					auth: res.data.data,
					loginname: res2.data.data
				}
				return {
					auth: res.data.data,
					loginname: res2.data.data
				}
			},
			async authSave(data) {
				this.subscriptInfo()
				const info = wx.getSystemInfoSync()
				let res = await this.haveAuth()
				if (info.system.indexOf('Android') > -1) {
					if ((res.auth.waid == 1 || res.auth.waid == 5) && res.auth.phone == '') {
						this.showPhonePop = true
						this.androidflag = true
						return
					}
					if (res.auth.wa === 1 && res.auth.wainttime === 0) {
						this.andrFirstBuyPop = true
					} else if (res.auth.wa === 1 && res.auth.wainttime > 0) {
						this.andrRenewBuyPop = true
						this.getTaocan(2)
					} else {
						if (!this.userInfo.phone && !uni.getStorageSync('showphone')) {
							uni.setStorageSync('showphone', true)
							this.showPhonePop = true
							this.androidflag = true
							this.androidmanageg = {
								type: 'saveInfo',
								data: data
							}
							return
						}
						// if (uni.getStorageSync('userInfo').shanghuid === 0) {
						// 	uni.navigateTo({
						// 		url: '/pages/iden/iden'
						// 	})
						// 	return
						// }
						this.saveInfo(data)
					}
				} else {
					if ((res.auth.waid == 1 || res.auth.waid == 5) && res.auth.phone == '') {
						this.showPhonePop = true
						this.androidflag = false
						return
					}
					if (!this.userInfo.phone) {
						this.showPhonePop = true
						return
					}
					if (res.auth.wa === 1) {
						// ios授权手机
						this.showIosKefu = true
					} else {
						// if (uni.getStorageSync('userInfo').shanghuid === 0) {
						// 	uni.navigateTo({
						// 		url: '/pages/iden/iden'
						// 	})
						// 	return
						// }
						this.saveInfo(data)
					}
				}


				// if (info.wa === 1 && info.wainttime > 0) {
				// 	return
				// }


			},

			saveInfo(val) {
				if (getApp().globalData.platform == 'ios') {
					uni.getSetting({
						success: res => {
							if (res.authSetting[
									'scope.writePhotosAlbum'] ===
								undefined) {
								this.toSaveInfo(val)
							} else if (res.authSetting[
									'scope.writePhotosAlbum'] ===
								true) {
								console.log("已经授权")
								this.toSaveInfo(val)
							} else if (res.authSetting[
									'scope.writePhotosAlbum'] ===
								false) {
								uni.showModal({
									title: '保存图片权限未开启',
									content: '请在小程序设置中开启“添加到相册权限”'
								})
							}
						}
					})
				} else {
					uni.getSetting({
						success: res => {
							if (res.authSetting['scope.writePhotosAlbum'] ===
								undefined) {
								this.toSaveInfo(val)
							} else if (res.authSetting['scope.writePhotosAlbum'] ===
								true) {
								console.log("已经授权")
								this.toSaveInfo(val)
							} else if (res.authSetting['scope.writePhotosAlbum'] ===
								false) {
								uni.showModal({
									title: '保存图片权限未开启',
									content: '请在小程序设置中开启“添加到相册权限”'
								})
							}
						}
					})
				}
			},
			// 复制文案按钮
			async authcopyInfo(data) {
				// this.subscriptInfo()
				// auth.getAuth('wa', 'wainttime', '', true, () => {
				// 	this.copyInfo(data)
				// })
				const info = wx.getSystemInfoSync()
				let res = await this.haveAuth()
				if (info.system.indexOf('Android') > -1) {
					if ((res.auth.waid == 1 || res.auth.waid == 5) && res.auth.phone == '') {
						this.showPhonePop = true
						this.androidflag = false
						this.subscriptInfo()
						return
					}
					if (res.auth.wa === 1 && res.auth.wainttime === 0) {
						this.andrFirstBuyPop = true
					} else if (res.auth.wa === 1 && res.auth.wainttime > 0) {
						this.andrRenewBuyPop = true
						this.getTaocan(2)
						this.subscriptInfo() // 2024-5-28 hdd修改  首次购买弹出订阅
					} else {
						if (!this.userInfo.phone && !uni.getStorageSync('showphone')) {
							uni.setStorageSync('showphone', true)
							this.showPhonePop = true
							this.androidflag = true
							this.androidmanageg = {
								type: 'copyInfo',
								data: data
							}
							return
						}
						// if (uni.getStorageSync('userInfo').shanghuid === 0) {
						// 	uni.navigateTo({
						// 		url: '/pages/iden/iden'
						// 	})
						// 	return
						// }
						this.copyInfo(data)
					}
				} else {
					console.log(res.auth.wa, res.auth.wainttime)
					if ((res.auth.waid == 1 || res.auth.waid == 5) && res.auth.phone == '') {

						this.showPhonePop = true
						this.androidflag = false
						this.subscriptInfo()
						return
					}
					if (!this.userInfo.phone) {
						this.showPhonePop = true
						this.subscriptInfo()
						return
					}
					if (res.auth.wa === 1) {
						// ios授权手机

						this.showIosKefu = true
						this.subscriptInfo()

					} else {
						// if (uni.getStorageSync('userInfo').shanghuid === 0) {
						// 	uni.navigateTo({
						// 		url: '/pages/iden/iden'
						// 	})
						// 	return
						// }
						this.copyInfo(data)
						this.subscriptInfo()
					}
				}
			},
			copyInfo(val) {
				// iOS
				this.$req.post('/shanghu/copywritingfz', {
					uid: uni.getStorageSync('uid'),
					copywritingid: val.copywritingtypeid
				})
				uni.setClipboardData({
					data: val.content,
					success: () => {
						val.iffz = 1
					}
				})
			},
			closeKefu(e) {
				uni.setClipboardData({
					data: e,
					success() {}
				})
			},
			changeType(e) {
				this.curtype = e.index
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 100
				})
				this.pageNo = 1
				this.articleList = []
				this.getArticle()
			},
			getHotwords() {
				// /shanghu/shuiguotj
				this.$req.post('/shanghu/shuiguotj').then(res => {
					this.hotwords = res.data.data;
				})
			},
			getTypeList() {
				this.$req.post('/shanghu/typelist').then(res => {
					this.typeList = res.data.data
					this.typeList.unshift({
						name: '全部',
						id: 0
					})
					this.getArticle()
				})
			},
			getBanner() {
				let list = []
				this.$req.post('/admin/bannerlist', {
					status: 1
				}).then(res => {

					if (res.data.data.length > 0) {
						for (var i = 0; i < res.data.data.length; i++) {
							if (res.data.data[i].status == 1) {
								list.push(res.data.data[i])
							}
						}
					}

					this.posterList = list
				})
			},
			getArticle() {
				let data = {
					uid: uni.getStorageSync('uid'),
					pageNo: this.pageNo,
					pageSize: 10,
					name: this.searchflag ? this.searchvalue : '',
					status: this.typeList[this.curtype].id,
					copywritingtypeid: this.typeList[this.curtype].id
				}
				this.$req.post('/shanghu/copywritinglist', data).then(res => {
					res.data.data.data.forEach(img => {
						img.pic = img.images == '' ? img.imagenew.split(',') : img.images.split(',')
						img.content = img.content.replace(/&quot;/g, ' " ')
					})
					this.articleList = this.articleList.concat(res.data.data.data)
					this.total = res.data.data.totalCount
				})
			},
			// 热词区域icon点击事件
			search_hotWords(val) {
				this.searchvalue = val.name;
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 100
				})
				this.searchflag = true
				this.pageNo = 1
				this.articleList = []
				this.getArticle()

			},
			// 发起团购按钮点击方法
			pushAllBuy(val) {
				// console.log('val',val)
				// wx.showToast({
				// 	mask: true,
				// 	icon: 'none',
				// 	title: '功能更新中敬请期待~',
				// })
				this.$req.post('/shanghu/logdianji', {
					state: 4
				}).then(res => {})
				uni.navigateTo({
					url: '/pages/quicksaleedit/quicksaleListAdd?itemInfo='+JSON.stringify(val)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.right_bottom_btn {
		position: fixed;
		right: 20rpx;
		bottom: 100rpx;
		z-index: 2;
		// background-color: rgba(255, 255, 255, 1);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.right_bottom_btn_item {
			width: 80rpx;
			height: 80rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: #D4D4D4;
			border-radius: 50%;
			margin: 10rpx 0;
		}
	}

	.right_bottom_btn_item text {
		display: inline-block;
		color: #6A3906;
		font-size: 22rpx;
	}

	// .right_bottom_btn_item text:nth-child(2) {
	// 	color: #505050;
	// 	font-size: 20rpx;
	// 	white-space: nowrap;
	// }

	.gotop {
		position: fixed;
		right: 20rpx;
		bottom: 20rpx;
		z-index: 2;
		background-color: rgba(255, 255, 255, 1);
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;

		.img {
			display: block;
			width: 50rpx;
			height: 50rpx;
		}
	}

	.tags {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.weekNotice {
		padding: 15rpx 30rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		background-color: #fdf6ec;
		color: #f9ae3d;
		font-size: 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.rewBuyPop {
		width: 80vw;
		display: flex;
		flex-direction: column;
		// align-items: center;
		padding: 0 0 30rpx 0;
		height: 800rpx;
		overflow: hidden;

		.bg-b {
			width: 80%;
			height: 160rpx;
			margin: 0 auto;
			flex-shrink: 0;

			image {
				margin: 0 auto;
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.top {
			flex: 1;
			overflow: hidden;
			border-radius: 8px;
			background-image: linear-gradient(to bottom, #e35c3f, #ef3f4a);
			display: flex;
			flex-direction: column;
			padding: 24rpx;

			.cont {
				border-radius: 8px;
				flex: 1;
				overflow-y: auto;
				background-color: #fff;
			}

			.imgcont {
				overflow: hidden;
				width: 100%;



				.img {
					display: block;
					width: 100%;
					height: 100%;
				}
			}



			.name {
				font-size: 28rpx;
				margin-top: 30rpx;
				flex: 1;
				padding: 0 20rpx;
			}

			.cloum-cont {
				margin-top: 40rpx;
				padding: 0 24rpx;

				.cloum {
					display: flex;
					align-items: center;
					// justify-content: space-between;
					height: 150rpx;
					font-size: 28rpx;
					padding: 0 30rpx;
					border-radius: 30rpx;
					margin-bottom: 20rpx;
					color: #fff;
					// border: 1px solid #edf0f2;
					background-image: linear-gradient(to bottom, #fa9a8c, #e83241);
					position: relative;
					overflow: hidden;

					.left {
						padding-left: 40rpx;
						font-size: 26rpx;
					}

					.shu {
						border-left: 1px dashed #fff;
						height: 50%;
					}

					.yuan {
						width: 20rpx;
						height: 20rpx;
						position: absolute;
						left: 30%;
						margin-left: 5rpx;
						background-color: #fff;
						border-radius: 50%;
					}

					.topyuan {
						top: -10rpx;
					}

					.bottomyuan {
						bottom: -10rpx;
					}

					.right {
						width: 30%;
						display: flex;
						align-items: center;
						font-size: 36rpx;

						.price {
							color: #fff;
						}

						.yuan {
							padding-left: 10rpx;
							color: #999;
							text-decoration: line-through;
						}
					}
				}
			}
		}

		.footer-btn {

			padding-left: 24rpx;
			padding-right: 24rpx;
			flex-shrink: 0;
			padding-top: 30rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;

			.btn {
				line-height: 35rpx;
				width: calc(50% - 15rpx);
				padding: 20rpx;
				border-radius: 8rpx;
				font-size: 30rpx;
				font-weight: 500;
				text-align: center;
				background-color: #f5f5f5;
			}

			.confirmbtn {
				background-color: #57bd6a;
				color: #fff;
			}
		}

		.btncenter {
			justify-content: center;
		}
	}

	.firstBuyPop {
		width: 90vw;
		display: flex;
		flex-direction: column;
		// align-items: center;
		padding: 0 0 30rpx 0;
		height: 90vh;
		overflow: hidden;
		position: relative;

		.close {
			position: absolute;
			right: 20rpx;
			top: 20rpx;
			z-index: 2;
		}

		.top {
			flex: 1;
			overflow-y: auto;
			border-radius: 8px 8px 0 0;

			.imgcont {
				overflow: hidden;
				width: 100%;



				.img {
					display: block;
					width: 100%;
					height: 100%;
				}
			}



			.name {
				font-size: 28rpx;
				margin-top: 30rpx;
				flex: 1;
				padding: 0 20rpx;
			}

			.cloum-cont {
				margin-top: 40rpx;
				padding: 0 24rpx;

				.cloum {
					display: flex;
					justify-content: space-between;
					padding: 30rpx 20rpx;
					font-size: 28rpx;
					border-radius: 8rpx;
					margin-bottom: 20rpx;
					border: 1px solid #edf0f2;

					.left {}

					.right {
						display: flex;
						align-items: center;

						.price {
							color: #fa3534;
						}

						.yuan {
							padding-left: 10rpx;
							color: #999;
							text-decoration: line-through;
						}
					}
				}
			}

		}

		.footer-btn {
			padding-left: 24rpx;
			padding-right: 24rpx;
			flex-shrink: 0;
			padding-top: 30rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;

			.btn {
				line-height: 35rpx;
				width: 100%;
				padding: 20rpx;
				border-radius: 8rpx;
				font-size: 30rpx;
				font-weight: 500;
				text-align: center;
				background-color: #f5f5f5;
			}

			.confirmbtn {
				background-color: #57bd6a;
				color: #fff;
			}
		}

		.btncenter {
			justify-content: center;
		}
	}

	.phonePop {
		width: 90vw;
		display: flex;
		flex-direction: column;
		// align-items: center;
		padding: 30rpx 24rpx 30rpx 24rpx;
		min-height: 500rpx;

		.imgcont {

			width: 100%;
			margin: 0 auto;

			.img {
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.tit {
			font-size: 30rpx;
			font-weight: 500;
			flex-shrink: 0;
			text-align: center;
		}

		.name {
			font-size: 28rpx;
			margin-top: 30rpx;
			flex: 1;
			padding: 0 20rpx;
		}

		.namecenter {
			text-align: center;
		}

		button {
			margin: 0;
			padding: 0;
			line-height: 35rpx;
			background-color: transparent;
		}

		button::after {
			border: none;
		}

		.footer-btn {
			flex-shrink: 0;
			padding-top: 30rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;

			.btn {
				line-height: 35rpx;
				width: calc(50% - 15rpx);
				padding: 20rpx;
				border-radius: 8rpx;
				font-size: 30rpx;
				font-weight: 500;
				text-align: center;
				background-color: #f5f5f5;
			}

			.confirmbtn {
				background-color: #57bd6a;
				color: #fff;
			}
		}

		.btncenter {
			justify-content: center;
		}
	}

	.content {
		background: #f6f6f6;
		min-height: 100vh;
	}

	.swiper-box {
		margin-top: 20rpx;
		width: 710rpx;
		height: 250rpx;
		border-radius: 20rpx;
		overflow: hidden;

		image {
			width: 100%;
			height: 250rpx;
		}
	}

	.tab-box {
		background: #fff;
	}

	.one-box {
		width: 100%;
		padding: 20rpx 20rpx;
		background: #fff;
		margin: 10rpx 0;
	}

	.article-content {
		font-size: 28rpx;
		line-height: 40rpx;
		color: #2c2c2c;
		margin-bottom: 20rpx;
		margin-top: 10rpx;
	}

	.img-one {
		height: 400rpx;
		width: 100%;
		border-radius: 10rpx;
	}

	.left-img {
		width: 350rpx;
		height: 400rpx;
		border-radius: 10rpx;
	}

	.right-img {
		width: 350rpx;
		height: 195rpx;
		border-radius: 10rpx;
	}

	.img-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;

		image {
			width: 200rpx;
			height: 200rpx;
			margin-right: 10rpx;
			margin-top: 10rpx;
			border-radius: 10rpx;
		}
	}

	.manage-box {
		margin: 20rpx 0;
		display: flex;
		justify-content: space-around;
		border-top: 1px solid #cacccb4d;

		image {
			width: 32rpx;
			height: 32rpx;
			margin-right: 10rpx;
		}
	}

	.fix-topbox {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.search-box {
		background: #fff;
		padding: 20rpx 20rpx;

		.search-input {
			background: #f6f6f6;
			padding: 0 20rpx;
			border-radius: 20rpx;
			width: 600rpx;

			input {
				margin-left: 10rpx;
				width: calc(100% - 40rpx);
				font-size: 28rpx;
				height: 70rpx;
				line-height: 70rpx;
			}
		}
	}

	.search-btn {
		font-size: 28rpx;
		background: #28E06E;
		color: #fff;
		padding: 10rpx 20rpx;
		border-radius: 20rpx;
	}

	.weaknotice {
		position: fixed;
		bottom: 0;
		left: 0;
		background: #fdf5ea;
	}

	.notice-btn {
		color: #fff;
		font-size: 24rpx;
		margin: 0 20rpx;
		padding: 10rpx 20rpx;
		border-radius: 10rpx;
	}


	.posterbox {
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 10;
		background: rgba(#000, 0.7);
	}

	.close-icon {
		border: #fff solid 1px;
		border-radius: 100rpx;
		width: 50rpx;
		height: 50rpx;
		margin-top: 40rpx;
	}

	.copystatus {
		color: #939393;
		margin-left: 10rpx;
		font-size: 24rpx;
	}

	.savePic {
		margin-top: 20rpx;
		width: 30%;
		justify-content: center;
		background-color: #28E06E;
		color: #fff;
		padding: 20rpx;
		border-radius: 15rpx;
		display: flex;
		align-items: center;
	}

	.copyText {
		display: flex;
		align-items: center;
		width: 30%;
		margin-top: 20rpx;
		justify-content: center;
		background-color: #28E06E;
		color: #fff;
		padding: 20rpx;
		// border: 1px solid #28E06E;
		border-radius: 15rpx;
	}



	.hotsearch {
		width: 100%;
		text-align: left;
		padding: 20rpx;
	}

	.hotsearch_head {
		font-size: 30rpx;
		font-weight: bolder;
	}

	.hotsearch_body {
		display: flex;
		margin-top: 20rpx;
	}

	.hotsearch_body text {
		display: inline-block;
		background-color: #fff;
		border: 1px solid #e5e5e5;
		padding: 10rpx 20rpx;
		border-radius: 80rpx;
		font-size: 22rpx;
		margin-right: 15rpx;
	}

	.xxzz,
	.swiper-item {
		width: 100%;
		text-align: center;
	}

	.xxzz image {
		display: block;
		width: 100%;
		height: 100%;
	}

	.foot_close {
		position: fixed;
		bottom: 50rpx;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;

	}
</style>